*{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#box{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
header{
	width:1200px;
	height: 80px;
	margin: 0 auto;
}
header div{
	display: inline-block;
	vertical-align:middle;
}
.logo{
	width: 220px;
	height: 80px;
	text-align: center;
}
.logo img{
    width: 200px;
    height: 50px;
    margin-top: 15px;
}
.header-welcome{
    width: 300px;
    height: 80px;
    font-size: 20px;
    line-height: 80px;
    margin-left: 20px;
}
/*轮播图*/
#slideshow {
    width: 1920px;
    height: 600px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    /*left: -200px;*/
}
#imglist li {
    position: absolute;
    opacity: 0;
}
#dotlist {
    position: absolute;
    bottom: 30px;
    width: 100px;
    display: flex;
    justify-content: space-between;
    left: 50%;
    transform: translate(-50%);
}
#dotlist > li {
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: white;
    opacity: 0.3;
    cursor: pointer;
    user-select: none;
}
#imglist > li.appear,
#dotlist > li.appear {
    opacity: 1;
}
/*登录*/
#login-panel{
	width: 380px;
	height:380px;
	position: absolute;
	z-index: 999;
	left: 1200px;
	top: 115px;
}

#login-box{
	width: 380px;
	height: 380px;
	background-color: #ffffff;
	/*border: 1px solid black;*/
}
#login-hd{
	width: 350px;
	height: 78px;
	// background-color: pink;
}
#login-hd div{
	width: 150px;
	height: 78px;
	line-height: 78px;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	font-family: Tahoma,"宋体";
}
.login-num{
	// background-color: skyblue;
	padding-left: 40px;
	// border-right: 1px solid grey;
}
.login-num a:link{
	text-decoration: none;
	color: black;
}
.login-num a:visited{
	text-decoration: none;
	color: black;
}
.login-num a:hover{
	text-decoration: none;
	color: skyblue;
}
.login-num a:active{
	text-decoration: none;
	color: skyblue;
}
.login-scan a:link{
	text-decoration: none;
	color: black;
}
.login-scan a:visited{
	text-decoration: none;
	color: black;
}
.login-scan a:hover{
	text-decoration: none;
	color: skyblue;
}
.login-scan a:active{
	text-decoration: none;
	color: skyblue;
}
#login-bd{
	width: 380px;
	height: 180px;
}
#login-bd p{
	padding-left: 30px;
	width: 320px;
	height: 60px;
}
#login-bd p #imgInputHead,#imgInputLock{
	width: 280px;
	height: 40px;
}
#imgInputHead{
	outline: none;
	padding-left: 40px;
	font-size: 16px;
}
#imgInputLock{
	outline: none;
	padding-left: 40px;
	font-size: 16px;
}

#imgInputHead{
	background: url("../images/head.png") 4px 7px no-repeat;
	border: 1px solid rgb(218, 218, 218);
}
#imgInputHead:hover{
	border: 1px dashed skyblue;
}
#imgInputLock{
	background: url("../images/lock.png") 8px 7px no-repeat;
	border: 1px solid rgb(218, 218, 218);
}
#imgInputLock:hover{
	border: 1px dashed skyblue;
}

#submitInput{
    background-color: rgb(255, 128, 0);
    width: 320px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid rgb(255, 128, 0);
    font-size: 17px;
    color: white;
}
#submitInput:hover{
    background-color: rgb(255, 153, 51);
   
}
#login-ft{
	width: 380px;
	height: 120px;
}
#login-ft-up{
	width: 380px;
	height: 60px;
	font-size: 13px;
}
#login-ft-up-left{
	border-right: 1px solid rgb(218, 218, 218);
	text-align: right;
}
#login-ft-up-left a:link{
	text-decoration: none;
	color: skyblue;
}
#login-ft-up-left a:visited{
	text-decoration: none;
	color: skyblue;
}

#login-ft-up-right a:link{
	text-decoration: none;
	color:rgb(218, 218, 218);
}
#login-ft-up-right a:visited{
	text-decoration: none;
	color:rgb(218, 218, 218);
}
#login-ft-up-right a:hover{
	text-decoration: none;
	color: skyblue;
}
#login-ft-up div{
	width: 180px;
	height: 20px;
	float: left;
}
#login-ft-down{
	width: 380px;
	height: 60px;
	font-size: 14px;
	border-top:1px solid rgb(218, 218, 218);
	line-height: 60px;
	text-align: center;
}
#login-ft-down a:link{
	text-decoration: none;
	color: blue;
}
#login-ft-down a:visited{
	text-decoration: none;
	color: blue;
}





/**/

footer{
	width: 100%;
	height: 270px;
	background-color: rgb(248,248,248);
}
#footer-box{
	margin: 0 auto;
	width: 1100px;
	height: 218px;
}
#fridendship-link,#WeChat{
	float: left;
}
#fridendship-link{
	width: 450px;
	height: 200px;
	/*background-color: skyblue;*/
}
#fridendship-link img{
	width: 200px;
	height: 40px;
}
#fridendship-link ul{
	list-style: none;
}
#fridendship-link ul{
	float: left;
}
#fridendship-link ul li{
	width: 225px;
	height: 50px;
}
h4{
	width: 450px;
	height: 60px;
	line-height: 60px;
}
#WeChat{
	width: 650px;
	height: 200px;
	/*background-color: pink;*/
}
#WeChat img{
	width: 80px;
	height: 80px;
}
.imgDiv{
	float: left;
	width: 130px;
	height: 200px;
}
.imgDiv h5{
	width: 130px;
	height: 70px;
	line-height: 70px;
}
.code-pic01{
	padding-left: 15px;
}
.code-pic02{
	padding-left: 12px;
}
.code-tips{
	width: 130px;
	height: 70px;
	font-size: 12px;
	border: 1px solid grey;
	margin-top: 70px;
}
#footer-footer{
	width: 100%;
	height: 70px;
	background-color: rgb(102,102,102);
}
#footer-center{
	width: 900px;
	height: 70px;
	/*background-color: pink;*/
	margin: 0 auto;
	font-size: 13px;
}
#footer-center div{
	float: left;
}
#footer-right{
	width: 150px;
	height: 70px;
	/*background-color: green;*/
	/*padding-top: 10px;*/
}
#footer-right img{
	padding-top: 10px;
}
#footer-left{
	width: 750px;
	height: 70px;
	/*background-color: skyblue;*/
	color: rgb(193,193,193);
}
#footer-left p img{
	vertical-align: middle;
}
.p1{
	padding-left: 50px;
	height: 40px;
	line-height: 40px;
}
.p2 a:link{
	text-decoration: none;
	color: rgb(193,193,193);
}
.p2 a:visited{
	text-decoration: none;
	color: rgb(193,193,193);
}
.p2 a:active{
	text-decoration: none;
	border: 1px dashed black;
}